<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<jsp:useBean id="bExamen" class="Beans.BeanExamen" scope="session"/>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Rendir</title>
      <link rel="stylesheet" type="text/css" href="style.css" media="screen"/>
      <script language="javaScript" src="scripts/utilesAlumno.js"></script>
   </head>

   <body onkeydown="Verificar();">
      <div id="container">
         <div id="header">
            <div id="headerLeft">
               <h1><span style="color:#599EC8;">EXAMENES</span><br/>&nbsp;&nbsp;&nbsp;&nbsp;WEB</h1>
            </div>
        </div>
      </div><br/> 
      
      <c:if test="${usuActivo.nombre == null || usuActivo.tipoS != 'A'}">
         <div align=center>
            <strong><font color="#993300">Usted no se ha logueado apropiadamente.</font></strong><br/>
            <a>&nbsp;</a>
         </div>
      </c:if>  

      <c:if test="${usuActivo.nombre != null && usuActivo.tipoS == 'A'}">
          
          <c:if test="${param.msg == 'REGINCOM'}">
              <div align=center>
                  <strong><font color="#993300">Debe completar todos los campos requeridos.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if>
          
          <c:if test="${param.msg == 'FAILCARG'}">
              <div align=center>
                  <strong><font color="#993300">Fallo la carga.</font></strong><br/>
                  <a>&nbsp;</a>
              </div>
          </c:if> 
          
          <h1 id="title">EXAMEN DE ${param.materia}</h1>
          
          <form id="rendir" name="rindiendo" method="post" action="Control" onkeypress="Verificar()";>
                <input type="hidden" name="opcion" value="enviarExa">
          <input type="hidden" name="idExam" value="${param.idExa}">
          <input type="hidden" name="idalumno" value="${usuActivo.idUsu}">
          
          <div align="center">
              <table width="60%" border="0" cellspacing=3>
                  <tr>
                      <td width="60%">
                          <div align="left">
                              <font color=#990000>Fecha Inicio: </font><jsp:getProperty name="bExamen" property="fechaIni"/>
                          </div>
                      </td>
                      <td width="60%">
                          <div align="left">
                              <font color=#990000>Fecha Fin: </font><jsp:getProperty name="bExamen" property="fechaFin"/>
                          </div>
                      </td>
                  </tr>
                  <tr>
                      <td width="40%">
                          <div align="left">
                              <font color=#990000>Duracion: </font><jsp:getProperty name="bExamen" property="duracion"/>
                          </div>
                      </td>
                      <td width="40%">
                          <div align="left">
                              <font color=#990000>Puntaje: </font><jsp:getProperty name="bExamen" property="puntaje"/>
                          </div>
                      </td>
                  </tr>
              </table>
          </div>
          
          <c:if test="${param.msg != 'FAILCARG'}">
              <div align="center">            
                  <table width="40%" border="0" cellspacing=3>
                      <tr>
                          <td width="100%" align="center">
                              <div id="habilitaRendir" style="visibility:visible">
                                  <input class="botones" name="Rendir" type="button" value="Rendir" onclick="inicioRendir('contenedor', 'enviarExa', '<jsp:getProperty name="bExamen" property="duracion"/>');">
                              </div>
                          </td>
                      </tr>
                      <tr>
                          <td width="100%" align="center">
                              <input type=text name="timetextarea" size="8" readonly style = "font-size:20px">
                          </td>
                      </tr>
                      <tr>
                          <td width="100%" align="center">
                              <div id="enviarExa" style="visibility:hidden">
                                  <input class="botones" type="submit"  value="Enviar Examen" name="enviarExamen" onclick="envioExamen('<jsp:getProperty name="bExamen" property="duracion"/>')" />
                              </div>
                          </td>
                      </tr>
                  </table>
              </div>
          </c:if>
          
          <div id="contenedor" style="visibility:hidden" align="center">
              <table width="90%" border="0" cellspacing=0>
                  <tr>
                      <td>
                          <c:forEach var="temas" items="${temas}">
                              <div id="tit" align="left"><br>
                                  <h1 id="temas">TEMA <c:out value="${temas.columna9}"/>) <c:out value="${temas.columna1}"/> <font color=#000000><c:out value="(${temas.columna8} Puntos)"/></font></h1><br>
                                  <h1 id="enunciados"><em>Enunciado: </em><c:out value="${temas.columna2}"/></h1><br>
                              </div>
                              
                              <c:if test="${temas.columna3 == 'l'}" >
                                  <h1 id="enunciados"><em>Tipo: </em>Texto libre.</h1><br>
                                  <div align="center">
                                      <textarea name="${temas.columna6}" rows="9" cols="70" id="${temas.columna6}"></textarea><br>
                                  </div>
                              </c:if> 
                              
                              <c:if test="${temas.columna3 == 'm'}">
                                  <h1 id="enunciados"><em>Tipo: </em>Selección Multiple.</h1><br>
                                  
                                  <c:forEach var="opciones" items="${opciones}">             
                                      <c:if test="${temas.columna6 == opciones.columna7}">
                                          <div align="left">
                                              <input type="checkbox" name="${temas.columna6}.${opciones.columna8}" value="${opciones.columna6}"/>
                                              <c:out value="${opciones.columna2}"/><br>
                                          </div>                                                                
                                      </c:if>
                                  </c:forEach>
                              </c:if>
                              
                              <c:if test="${temas.columna3 == 'e'}">
                                  <h1 id="enunciados"><em>Tipo: </em>Selección Excluyente.</h1><br>
                                  
                                  <c:forEach var="opciones" items="${opciones}">
                                      <c:if test="${temas.columna6 == opciones.columna7}">
                                          <div align="left">
                                              <input type="radio" name="${temas.columna6}" value="${opciones.columna6}"/>
                                              <c:out value="${opciones.columna2}"/><br>
                                          </div>
                                      </c:if>
                                  </c:forEach>
                              </c:if>
                          </c:forEach>                                                
                      </td>
                  </tr>
              </table>    
          </div>
         </c:if>
      </form>
   </body>
</html>